<ng-container *ngIf="(projects$ | async ) as projects">
  <div class="container" [@listAnim]="projects.length">
    <app-project-item *ngFor="let project of projects" [item]="project" class="card"
      (launchInviteDialog)="launchInviteDialog()" (launchUpdateDialog)="launchUpdateDialog(project)"
      (launchDeleteDailog)="launchDeleteDailog(project)">
    </app-project-item>
  </div>

  <button mat-fab type="button" class="fab-button" (click)="openNewProjectDialog()">
    <mat-icon>add</mat-icon>
  </button>

</ng-container>
